<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>测试demo1</title>
    </head>
    <body>
        <p>Demo:没有title没有文字，且没有有效的img（img没有alt），或有背景图片样式，将a标签的tabindex设置为-1</p>
        <a href="index.html">返回主页面</a>
        
        <p>下面有一个链接，链接中没有任何文字信息，只有背景图片，这类节点通常用于样式布局，用户一般不需要关注</p>
        <a href="###" style="background-image: url(http://imgcache.qq.com/ac/www_tencent/zh-cn/images/sitelogo_zh-cn.gif); display:block; height: 30px; width: 250px;"></a>
        
        <br/>
        <br/>
        <p>下面有一个链接，没有title没有文字，且没有有效的img（img没有alt）</p>
        <a href="###">
            <img src="http://imgcache.qq.com/ac/www_tencent/zh-cn/images/sitelogo_zh-cn.gif" />
        </a>
        
        
    </body>
</html>

